<!-- 头部 -->
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <base href="/guguanjia/">
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>固管家服务平台</title>

    <meta name="description" content="index"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="static/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>

    <link rel="stylesheet" href="static/chosen/chosen.min.css"/>

    <!-- ace styles -->
    <link rel="stylesheet" href="static/ace/css/ace.min.css" id="main-ace-style"/>


    <link rel="stylesheet" href="static/ace/css/ace-skins.min.css"/>
    <link rel="stylesheet" href="static/ace/css/ace-rtl.min.css"/>


    <link rel="stylesheet" href="static/ztree/metro.css"/>
    <link rel="stylesheet" href="static/validate/css/validform.css"/>
    <link rel="stylesheet" href="static/css/custom.css"/>

    <!--[if !IE]> -->
    <script src="static/jquery/jquery.js"></script>
    <!-- <![endif]-->


    <!-- ace settings handler -->
    <script src="static/ace/js/ace-extra.min.js"></script>

</head>

<body class="no-skin" id="body-content">
<!-- 顶部条 -->
<div id="navbar" class="navbar navbar-default">


    <div class="navbar-container clearfix" id="navbar-container">
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
            <span class="sr-only">Toggle sidebar</span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>
        </button>

        <div class="navbar-header pull-left" style="min-width:190px;">
            <a class="navbar-brand">
                <small>
                    固管家服务平台
                </small>
            </a>
        </div>
        <!-- <div class="navbar-header">
            <ul class="nav navbar-nav">
                <li class="">
                    <a  data-trigger="ajax" data-target="#fill-main-content" class="bigger-120">
                    <i class="menu-icon fa "></i>&nbsp;
                    </a>
                </li>
            </ul>
        </div> -->

        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">

                <li class="green">
                    <a class="dropdown-toggle" href="javascript:void(0);" id="fullscreen" title="全屏"
                       onclick="launchFullscreen(document.documentElement);">
                        <i class="ace-icon fa fa-arrows-alt "></i>
                    </a>
                </li>

                <li class="purple" style="display:none;">
                    <a data-toggle="dropdown" class="dropdown-toggle">
                        <i class="ace-icon fa fa-bell icon-animated-bell"></i>
                        <span class="badge badge-important">8</span>
                    </a>

                    <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="ace-icon fa fa-exclamation-triangle"></i>
                            8 Notifications
                        </li>

                        <li>
                            <a>
                                <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
												New Comments
											</span>
                                    <span class="pull-right badge badge-info">+12</span>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a>
                                <i class="btn btn-xs btn-primary fa fa-user"></i>
                                Bob just signed up as an editor ...
                            </a>
                        </li>

                        <li>
                            <a>
                                <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
												New Orders
											</span>
                                    <span class="pull-right badge badge-success">+8</span>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a>
                                <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
												Followers
											</span>
                                    <span class="pull-right badge badge-info">+11</span>
                                </div>
                            </a>
                        </li>

                        <li class="dropdown-footer">
                            <a>
                                See all notifications
                                <i class="ace-icon fa fa-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="light-blue">
                    <a data-toggle="dropdown" class="dropdown-toggle">
                        <img class="nav-user-photo" src="static/img/small-male-pic.png"/>
                        <span class="user-info">
									<small>你好,</small>
									超级管理员
								</span>

                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>

                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="../userCenter/userCenter.html">
                                <i class="ace-icon fa fa-user"></i>
                                我的资料
                            </a>
                        </li>

                        <li class="divider"></li>

                        <li>
                            <a href="../login.html">
                                <i class="ace-icon fa fa-power-off"></i>
                                退出
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- /.navbar-container -->
</div>
<!-- 主体 -->
<div class="main-container" id="main-container">


    <div id="sidebar" class="sidebar responsive">


    </div>


    <!--vue.js-->
        <div class="main-content">

            <div class="breadcrumbs" id="breadcrumbs">

                <ul class="tab" id="breadcrumb">
                    <!-- <li class="active" >
                   菜单配置<i class="fa fa-times close"></i>
                   </li>  -->
                </ul><!-- /.breadcrumb -->
                <div id="tab-menu">
                    <ul class="dropdown-menu dropdown-caret" style="min-width: 0px;">
                        <li><a href="javascript:void(0);" data-right-menu="all_close">全部关闭</a></li>
                        <li><a href="javascript:void(0);" data-right-menu="other_close">关闭其他</a></li>
                    </ul>
                </div>
            </div>

            <div class="page-content">
                <div class="ace-settings-container" id="ace-settings-container">
                    <div class="btn btn-app btn-xs btn-warning ace-settings-btn"
                         id="ace-settings-btn">
                        <i class="ace-icon fa fa-cog bigger-150"></i>
                    </div>

                    <div class="ace-settings-box clearfix" id="ace-settings-box">
                        <div class="pull-left width-50">
                            <div class="ace-settings-item">
                                <div class="pull-left">
                                    <select id="skin-colorpicker" class="hide">
                                        <option data-skin="no-skin" value="#438EB9">#438EB9</option>
                                        <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                                        <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                                        <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                                    </select>
                                </div>
                                <span>&nbsp; 皮肤</span>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2"
                                       id="ace-settings-navbar"/> <label class="lbl"
                                                                         for="ace-settings-navbar"> 固定页头</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2"
                                       id="ace-settings-sidebar"/> <label class="lbl"
                                                                          for="ace-settings-sidebar"> 固定导航菜单</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2"
                                       id="ace-settings-breadcrumbs"/> <label class="lbl"
                                                                              for="ace-settings-breadcrumbs">
                                固定导航条</label>
                            </div>

                            <!-- <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2"
                                    id="ace-settings-rtl" /> <label class="lbl" for="ace-settings-rtl">
                                    Right To Left (rtl)</label>
                            </div> -->

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2"
                                       id="ace-settings-add-container"/> <label class="lbl"
                                                                                for="ace-settings-add-container"> 固定宽度
                            </label>
                            </div>
                        </div>
                        <!-- /.pull-left -->

                        <div class="pull-left width-50">
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2"
                                       id="ace-settings-hover"/> <label class="lbl"
                                                                        for="ace-settings-hover"> 滑动式菜单</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2"
                                       id="ace-settings-compact"/> <label class="lbl"
                                                                          for="ace-settings-compact"> 紧凑式菜单</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2"
                                       id="ace-settings-highlight"/> <label class="lbl"
                                                                            for="ace-settings-highlight"> 高亮选中</label>
                            </div>
                        </div>
                        <!-- /.pull-left -->
                    </div>
                    <!-- /.ace-settings-box -->
                </div>
                <!-- /.ace-settings-container -->
                <div class="page-header">
                    <h1>服务需求</h1>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <div id="fill-main-content" style="height:100%">
                            <div class="tabbable">
                                <div class="tab-content">
                                    <div id="home" class="tab-pane active clearfix">
                                        <form action="demand/list" method="post" id="search-form"
                                              target="list-page" class="center clearfix">
                                            <input type="button" id="search-btn" style="display: none;"/>
                                        </form>
                                        <div class="space-6"></div>
                                        <div id="list-page">

                                            <table class="table table-striped table-bordered table-hover nomargin-bottom">
                                                <thead>
                                                <tr>
                                                    <th class="center">姓名</th>
                                                    <th class="center">联系电话</th>
                                                    <th class="center">单位名称</th>
                                                    <th class="center">需求详情</th>
                                                    <th class="center">处理状态</th>
                                                    <th class="center">处理结果</th>
                                                    <th class="center">提出时间</th>
                                                    <th class="center">操作</th>
                                                </tr>
                                                </thead>

                                                <tbody>
                                                <tr v-for="app in demand.list">
                                                    <td class="center">
                                                        {{app.name}}
                                                    </td>
                                                    <td class="center">
                                                        {{app.phone}}
                                                    </td>
                                                    <td class="center">
                                                        {{app.company}}
                                                    </td>
                                                    <td class="center">
                                                      {{app.description}}
                                                    </td>
                                                    <td class="center">
                                                        <font color="red" v-if="app.status==0">{{app.status==0?'未处理':'已处理'}}</font>
                                                        <font color="black" v-if="app.status==1">{{app.status==0?'未处理':'已处理'}}</font>
                                                    </td>
                                                    <td class="center">
                                                             {{app.treatment}}
                                                    </td>
                                                    <td class="center">{{app.createDate}}</td>
                                                    <td class="center">
                                                        <div class="hidden-sm hidden-xs action-buttons">
                                                            <!--<a class="green" href="update.html" title="处理需求"-->
                                                               <!--data-mode="page" data-title="需求处理"-->
                                                               <!--data-url="demand/edit/showlayer"-->
                                                               <!--data-data="{id:'4'}"-->
                                                               <!--data-width="60%"-->
                                                            <!--&gt;-->
                                                                <i class="ace-icon fa fa-pencil bigger-130"></i>
                                                            </a>
                                                            <a @click="toDemand(app)" >查看详情</a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>

                                            <div class="space-8"></div>

                                            <div class="clearfix">
                                                <div style="float: left;">
                                                    <div style="padding-top:5px;">
			<span class="badge badge-info">
                当前第 {{demand.pageNum}} 页 / {{demand.pages}} 页，共 {{demand.total}} 条数据
			</span>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="pagination no-margin pull-right clearfix">
                                                        <li class="prev "><a href="javascript:void(0);"
                                                                                     @click="demandSelectPage()">首页</a></li>
                                                        <li v-if="demand.hasPreviousPage" class="prev "><a href="javascript:void(0);"
                                                                                     @click="demandSelectPage(demand.prePage,demand.pageSize)">上一页</a></li>
                                                        <li v-else="" class="prev disabled"><a>上一页</a></li>

                                                        <li :class="demand.pageNum==i?'active':''" v-for="i in demand.navigatepageNums"><a href="javascript:void(0);"
                                                                                  @click="demandSelectPage(i,demand.pageSize)">{{i}}</a></li>

                                                        <li v-if="demand.hasNextPage" class="next"><a href="javascript:void(0);"
                                                                                    @click="demandSelectPage(demand.nextPage,demand.pageSize)">下一页</a></li>
                                                        <li v-else="" class="next disabled"><a>下一页</a></li>

                                                        <li class="next "><a href="javascript:void(0);"
                                                                             @click="demandSelectPage(demand.pages,demand.pageSize)">尾页</a></li>
                                                    </div>

                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                                <!--<style>-->
                                    <!--#profile .center > label {-->
                                        <!--width: 100px;-->
                                        <!--text-align: right;-->
                                    <!--}-->
                                <!--</style>-->
                            <!--<script>-->
                                <!--$("#search-form").getPageList({'submitBtnId':'search-btn'});-->
                            <!--</script>-->
                        </div>

                    </div>
                </div>
            </div><!-- /.page-content -->

        </div><!-- /.main-content -->

        <a href="javascript:void(0);" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse"
           style="z-index:1111">
            <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
        </a>
</div><!-- /.main-container -->

<!-- 底部 -->
<!-- basic scripts -->


<script src="static/bootstrap/bootstrap.min.js"></script>

<!-- ace scripts -->
<script src="static/ace/js/ace-elements.min.js"></script>
<script src="static/ace/js/ace.min.js"></script>

<script type="text/javascript">
    try {
        ace.settings.check('navbar', 'fixed')
    } catch (e) {
    }

    try {
        ace.settings.check('main-container', 'fixed')
    } catch (e) {
    }

    try {
        ace.settings.check('sidebar', 'fixed')
    } catch (e) {
    }

    try {
        ace.settings.check('sidebar', 'collapsed')
    } catch (e) {
    }

    try {
        ace.settings.check('breadcrumbs', 'fixed')
    } catch (e) {
    }
    $(function () {
        $("#navbar").load("main/navbar");
        $("#sidebar").load("main/sidebar")
    });
    window.onload = function () {
        /* $("#ace-settings-navbar").trigger("click");//固定头部导航栏
        $("#ace-settings-sidebar").trigger("click");//固定左侧菜单
        $("#ace-settings-highlight").trigger("click"); */
    };
</script>

<!-- 引入其他js -->
<script src="static/js/history.js"></script>
<script type="text/javascript" src="static/layer/layer.js"></script>
<script type="text/javascript" src="static/js/spin.min.js"></script>
<script type="text/javascript" src="static/ztree/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="static/js/jquery.autosize.min.js"></script>
<script type="text/javascript" src="static/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="static/validate/Validform_v5.3.2_min.js"></script>
<script type="text/javascript" src="static/js/jquery.form.js"></script>
<script type="text/javascript" src="static/js/bootstrap-contextmenu.js"></script>
<script type="text/javascript" src="static/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="static/js/public.js"></script>
<!--<script type="text/javascript" src="../../static/jquery/jquery.js"></script>-->

<script type="text/javascript" src="static/vue/vue.js"></script>
<script type="text/javascript" src="static/vue/axios.js"></script>
<script type="text/javascript" src="static/js/demand/demand.js"></script>

</body>
</html>
